<!DOCTYPE html>
<html lang="en" ondragstart="return false;">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>《阴阳师》手游官网</title>
    <link rel="stylesheet" href="onmyoji.css">
    <script src="onmyoji.js"></script>


</head>

<body>
    <!-- 最上面的网易图标哪一行 -->
    <div class="top-nav">
        <div class="top-nav-1">
            <a href="#">游戏全目录</a>
            <li class="white"></li>
            <div class="menue">
                <div class="menue-1">
                    <ul>
                        <li class="a">
                            <dl>
                                <dt>客户端游戏</dt>
                                <dd>梦幻西游电脑版 <span></span> </dd>
                                <dd>大话2经典版</dd>
                                <dd>天下3</dd>
                                <dd>新倩女幽魂</dd>
                                <dd>逆水寒</dd>
                                <dd>天谕</dd>
                                <dd>超激斗梦境</dd>
                                <dd>龙魂时刻</dd>
                                <dd>泰亚史诗</dd>
                                <dd>大话2免费版</dd>
                                <dd>新大话3经典版</dd>
                                <dd class="d">镇魔曲</dd>
                                <dd>梦幻西游电脑版</dd>
                                <dd>大话2经典版</dd>
                                <dd class="d">天下3</dd>
                                <dd>新倩女幽魂</dd>
                                <dd>逆水寒</dd>
                                <dd>天谕</dd>
                                <dd class="d">超激斗梦境</dd>
                            </dl>
                            <div class="ce">更多热门游戏</div>
                        </li>
                        <li class="b">
                            <div class="b-1">
                                手机游戏
                            </div>
                            <ul>
                                <li>
                                    <dl>
                                        <dd><em></em>泰亚史诗</dd>
                                        <dd><em></em>梦幻西游电脑版 </dd>
                                        <dd><em></em>大话2经典版</dd>
                                        <dd><em></em>天下3</dd>
                                        <dd><em></em>新倩女幽魂</dd>
                                        <dd><em></em>逆水寒</dd>
                                        <dd><em></em>大话2经典版</dd>
                                        <dd><em></em>天下3</dd>
                                        <dd><em></em>新倩女幽魂</dd>
                                        <dd><em></em>逆水寒</dd>
                                        <dd><em></em>天谕</dd>
                                        <dd><em></em>超激斗梦境</dd>
                                        <dd><em></em>逆水寒</dd>
                                        <dd><em></em>天谕</dd>
                                        <dd><em></em>天谕</dd>
                                        <dd><em></em>超激斗梦境</dd>
                                        <dd><em></em>龙魂时刻</dd>
                                        <dd><em></em>泰亚史诗</dd>
                                        <dd><em></em>大话2免费版</dd>
                                        <dd><em></em>新大话3经典版</dd>
                                    </dl>
                                </li>
                                <li>
                                    <dl>

                                        <dd><i></i>新大话3经典版</dd>
                                        <dd><i></i>大话2经典版</dd>
                                        <dd><i></i>天下3</dd>
                                        <dd><i></i>新倩女幽魂</dd>
                                        <dd><i></i>逆水寒</dd>
                                        <dd><i></i>天谕</dd>
                                        <dd><i></i>超激斗梦境</dd>
                                        <dd><i></i>逆水寒</dd>
                                        <dd><i></i>天谕</dd>
                                        <dd><i></i>泰亚史诗</dd>
                                        <dd><i></i>梦幻西游电脑版 </dd>
                                        <dd><i></i>大话2经典版</dd>
                                        <dd><i></i>天下3</dd>
                                        <dd><i></i>新倩女幽魂</dd>
                                        <dd><i></i>逆水寒</dd>
                                        <dd><i></i>天谕</dd>
                                        <dd><i></i>超激斗梦境</dd>
                                        <dd><i></i>龙魂时刻</dd>
                                        <dd><i></i>泰亚史诗</dd>
                                        <dd><i></i>大话2免费版</dd>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dd><i></i>新倩女幽魂</dd>
                                        <dd><i></i>逆水寒</dd>
                                        <dd><i></i>天谕</dd>
                                        <dd><i></i>超激斗梦境</dd>
                                        <dd><i></i>龙魂时刻</dd>
                                        <dd><i></i>泰亚史诗</dd>
                                        <dd><i></i>大话2免费版</dd>
                                        <dd><i></i>新大话3经典版</dd>
                                        <dd><i></i>大话2经典版</dd>
                                        <dd><i></i>天下3</dd>
                                        <dd><i></i>泰亚史诗</dd>
                                        <dd><i></i>梦幻西游电脑版 </dd>
                                        <dd><i></i>大话2经典版</dd>
                                        <dd><i></i>天下3</dd>
                                        <dd><i></i>新倩女幽魂</dd>
                                        <dd><i></i>逆水寒</dd>
                                        <dd><i></i>天谕</dd>
                                        <dd><i></i>超激斗梦境</dd>
                                        <dd><i></i>逆水寒</dd>
                                        <dd><i></i>天谕</dd>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dd>大话2经典版</dd>
                                        <dd class="d">天下3</dd>
                                        <dd>新倩女幽魂</dd>
                                        <dd>逆水寒</dd>
                                        <dd>天谕</dd>
                                        <dd class="d">超激斗梦境</dd>
                                        <dd>逆水寒</dd>
                                        <dd>天谕</dd>
                                        <dd>泰亚史诗</dd>
                                        <dd>梦幻西游电脑版 <span></span> </dd>
                                        <dd>大话2经典版</dd>
                                        <dd>天下3</dd>
                                        <dd>新倩女幽魂</dd>
                                        <dd>逆水寒</dd>
                                        <dd>天谕</dd>
                                        <dd>超激斗梦境</dd>
                                        <dd>龙魂时刻</dd>
                                        <dd>泰亚史诗</dd>
                                        <dd>大话2免费版</dd>
                                        <dd>新大话3经典版</dd>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dd>泰亚史诗</dd>
                                        <dd>梦幻西游电脑版 <span></span> </dd>
                                        <dd>大话2经典版</dd>
                                        <dd>天下3</dd>
                                        <dd>新倩女幽魂</dd>
                                        <dd>逆水寒</dd>
                                        <dd>天谕</dd>
                                        <dd>超激斗梦境</dd>
                                        <dd>龙魂时刻</dd>
                                        <dd>泰亚史诗</dd>
                                        <dd>大话2免费版</dd>
                                        <dd>新大话3经典版</dd>
                                    </dl>
                                </li>
                            </ul>
                            <div class="ee">更多热门游戏</div>
                        </li>
                        <li class="a">
                            <dl>
                                <dt>游戏辅助</dt>
                                <dd>梦幻西游电脑版 <span></span> </dd>
                                <dd>大话2经典版</dd>
                                <dd>天下3</dd>
                                <dd>新倩女幽魂</dd>
                                <dd>逆水寒</dd>
                                <dd>天谕</dd>
                                <dd>超激斗梦境</dd>
                                <dd>龙魂时刻</dd>
                                <dd>泰亚史诗</dd>
                                <dd>大话2免费版</dd>
                                <dd>新大话3经典版</dd>
                                <dd class="d">镇魔曲</dd>
                                <dd>梦幻西游电脑版</dd>
                                <dd>大话2经典版</dd>
                                <dd class="d">天下3</dd>
                                <dd>新倩女幽魂</dd>
                                <dd>逆水寒</dd>
                                <dd>天谕</dd>
                                <dd class="d">超激斗梦境</dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="top-nav-2">
            <img src="images/wangyi-logo.png" alt="网易图标">
        </div>
        <div class="top-nav-3">
            限时领取免费课程
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="neck-nav">
        <!-- 下滑时出来的logo -->
        <div class="er">
            <div class="first">
                扫码下载
            </div>
            <div class="second">
                <img src="images/erweima-1.png" class="erwei">
                <img src="images/touxiang.jpg">
            </div>
            <div class="third">
                <h4>阴阳师</h4>
                <h6>网易和风二次元手游</h6>
            </div>
        </div>
        <div class="had">
            <li>官网首页</li>
            <img src="images/2.jpg">
        </div>
        <div class="neck-nav-center">
            <ul>
                <li class="a">
                    <a href="#">新闻资讯</a>
                    <div class="mimi-nav-1">
                        <!-- 设置第一个下拉菜单 -->
                        <div class="mimi-nav-1-1">
                            <ul>
                                <li>
                                    <img src="images/back-2.jpg">
                                    <div class="mini-1">
                                        <p>洒扫庭除，焕然一新！《阴阳师》全新R阶式神垢尝降临！</p>
                                        <a href="#">新闻</a>
                                    </div>
                                </li>
                                <li>
                                    <img src="images/back-3.jpg">
                                    <div class="mini-1">
                                        <p>《阴阳师》手游1月27日维护更新公告"</p>
                                        <a href="#">公告</a>
                                    </div>
                                </li>
                                <li>
                                    <img src="images/back-4.jpg">
                                    <div class="mini-1">
                                        <p>《阴阳师》手游1月12日维护更新公告"</p>
                                        <a href="#">公告</a>
                                    </div>
                                </li>
                                <li>
                                    <img src="images/back-5.jpg">
                                    <div class="mini-1">
                                        <p>《阴阳师》手游1月25日维护更新公告"</p>
                                        <a href="#">公告</a>
                                    </div>
                                </li>
                                <li>
                                    <img src="images/back-6.jpg">
                                    <div class="mini-1">
                                        <p>《阴阳师》手游1月23日维护更新公告"</p>
                                        <a href="#">公告</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="a">
                    <a href="#">式神录</a>
                    <!-- 设置第二个下拉菜单 -->
                    <div class="mimi-nav-2">
                        <div class="mini-nav-2-1">
                            <ul>
                                <li>
                                    <img src="images/car-1.jpg">
                                    <a href="#">联动</a>
                                </li>
                                <li>
                                    <img src="images/car-2.jpg">
                                    <a href="#">SP</a>
                                </li>
                                <li>
                                    <img src="images/car-3.jpg">
                                    <a href="#">SSR</a>
                                </li>
                                <li>
                                    <img src="images/car-4.jpg">
                                    <a href="#">SR</a>
                                </li>
                                <li>
                                    <img src="images/car-5.jpg">
                                    <a href="#">R</a>
                                </li>
                                <li>
                                    <img src="images/car-6.jpg">
                                    <a href="#">RN</a>
                                </li>
                                <li>
                                    <img src="images/car-7.jpg">
                                    <a href="#">呱太</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="a"><a href="#">游戏攻略</a></li>
                <li class="a"><a href="#">同人社区</a></li>
                <li class="a"><a href="#">泛娱乐</a></li>
                <li class="a"><a href="#">视听中心</a></li>
                <li class="a"><a href="#">主题站</a></li>
                <li class="a"><a href="#">周边商场</a></li>
                <li class="a"><a href="#">藏宝阁</a></li>
                <li class="a"><a href="#">官方渠道</a></li>
                <li class="a"><a href="#">官方渠道</a></li>
                <li class="a"><a href="#">福利兑换</a></li>
                <li class="a"><a href="#">系统转移</a></li>
            </ul>
        </div>
        <div class="neck-nav-foot">
            <input type="text" value="全站搜索">
            <li><img src="images/expand.png" alt="搜索图标"></li>
        </div>
    </div>
    <!-- 中间身体部分 -->
    <div class="physical">
        <div class="font">
            <img src="images/yinyangshi.jpg" alt="阴阳师">
        </div>
        <div class="back">
            <img src="images/back-1.jpg" alt="背景图片">
        </div>
        <div class="back-first">
            <img src="images/back-second.jpg" alt="背景图片">
        </div>
        <!-- 新闻资讯和新服集结部分 -->
        <div class="physical-foot">
            <div class="physical-center">
                <div class="center-scan">
                    <img src="images/erweima-1.png" alt="二维码" class="first-picture">
                    <img src="images/invest.png" alt="二维码" class="second-picture">
                    <img src="images/desk.png" alt="二维码" class="third-picture">
                    <img src="images/center-head-line.png" alt="二维码" class="forth-picture">
                </div>
                <div class="center-head">
                    <ul>
                        <li>
                            新闻资讯
                            <p></p>
                            <span class="app">新闻资讯</span>
                        </li>
                        <li>
                            新服集结
                            <p></p>
                            <span class="boy">新服集结</span>
                        </li>
                    </ul>
                </div>
                <div class="banner">
                    <div class="banner-foot">
                        <span class="first-up">上一批</span>
                        <span class="first-down">下一批</span>
                        <span class="lots">                         
                            <p></p>
                            更多
                        </span>
                    </div>
                    <!-- 新闻资讯部分 -->
                    <ul class="optial">
                        <li>
                            <h4>公告 | 第十六次特邀测试开启测试</h4>
                            <h6>寮办收到反馈，仍有许多阴阳师大人们希望参与特邀测试体验！</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                        <li>
                            <h4>公告 | 第十六次特邀测试开启测试</h4>
                            <h6>寮办收到反馈，仍有许多阴阳师大人们希望参与特邀测试体验！</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                        <li>
                            <h4>新闻 | 第十六次特邀测试开启测试</h4>
                            <h6>百妖携福，平安相伴。《阴阳师》新年专属微信红包正在派送中。</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                        <li>
                            <h4>公告 | 第十六次特邀测试开启测试</h4>
                            <h6>寮办收到反馈，仍有许多阴阳师大人们希望参与特邀测试体验！</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                        <li>
                            <h4>公告 | 第十六次特邀测试开启测试</h4>
                            <h6>寮办收到反馈，仍有许多阴阳师大人们希望参与特邀测试体验！</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                        <li>
                            <h4>公告 | 第十六次特邀测试开启测试</h4>
                            <h6>寮办收到反馈，仍有许多阴阳师大人们希望参与特邀测试体验！</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                        <li>
                            <h4>公告 | 第十六次特邀测试开启测试</h4>
                            <h6>寮办收到反馈，仍有许多阴阳师大人们希望参与特邀测试体验！</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                        <li>
                            <h4>公告 | 第十六次特邀测试开启测试</h4>
                            <h6>寮办收到反馈，仍有许多阴阳师大人们希望参与特邀测试体验！</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                        <li>
                            <h4>公告 | 第十六次特邀测试开启测试</h4>
                            <h6>寮办收到反馈，仍有许多阴阳师大人们希望参与特邀测试体验！</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                        <li>
                            <h4>公告 | 第十六次特邀测试开启测试</h4>
                            <h6>寮办收到反馈，仍有许多阴阳师大人们希望参与特邀测试体验！</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                        <li>
                            <h4>公告 | 第十六次特邀测试开启测试</h4>
                            <h6>寮办收到反馈，仍有许多阴阳师大人们希望参与特邀测试体验！</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                        <li>
                            <h4>公告 | 第十六次特邀测试开启测试</h4>
                            <h6>寮办收到反馈，仍有许多阴阳师大人们希望参与特邀测试体验！</h6>
                            <p><img src="images/jiantou.png" alt="小箭头"></p>
                        </li>
                    </ul>
                </div>
                <div class="center-foot">
                    <div class="center-foot-foot">
                        注：全平台互通新区《鬼灭之刃》将于02月07日10:00开启
                    </div>
                    <!-- 新服集结部分 -->
                    <div class="center-foot-left">
                        <p class="title">新区集结预约豪礼</p>
                        <span>
                            <img src="images/small-picture.png" alt="小的头像">
                            <div class="must">
                            <h1> 立即预约</h1>
                            <h6>-鬼灭之刃-</h6>
                            </div>
                        </span>
                        <p class="tail">
                            已经预约 <a>8888888</a> 人
                        </p>
                    </div>
                    <div class="center-foot-right">
                        <div class="right-foot">
                            <div class="liner"></div>
                            <ul>
                                <li>
                                    <div class="up"> </div>
                                    <p></p>
                                    <span></span>
                                    <h5>祝福礼包</h5>
                                    <h6>100,000</h6>
                                </li>
                                <li>
                                    <div class="up"> </div>
                                    <p></p>
                                    <span></span>
                                    <h5>皮肤礼包</h5>
                                    <h6>300,000</h6>
                                </li>
                                <li>
                                    <div class="up"> </div>
                                    <p></p>
                                    <span></span>
                                    <h5>勾玉礼包</h5>
                                    <h6>500,000</h6>
                                </li>
                                <li>
                                    <div class="up"> </div>
                                    <p></p>
                                    <span></span>
                                    <h5>神秘符咒</h5>
                                    <h6>800,000</h6>
                                </li>
                                <li>
                                    <div class="up"> </div>
                                    <p></p>
                                    <span></span>
                                    <h5>月见之樱</h5>
                                    <h6>1000,000</h6>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="physical-footer"></div>
        </div>
    </div>
    <!-- 平安世界部分 -->
    <div class="formula">
        <div class="formula-first">
        </div>
        <div class="formula-nav">
            <ul>
                <li>主角录</li>
                <li>声优阵</li>
            </ul>
        </div>
        <div class="formula-name">
            <div class="formula-name-ten">致敬所有幕后工作者</div>
            <div class="formula-name-first">
                <ul>
                    <li>安部壮一</li>
                    <li>安元洋贵</li>
                    <li>白石凉子</li>
                    <li>阪口周平</li>
                    <li>保志总一朗</li>
                    <li>茶风林</li>
                    <li>滨野大辉</li>
                    <li>成田剑</li>
                    <li>池田海咲</li>
                    <li>川澄绫子</li>
                    <li>寸石和弘</li>
                </ul>
            </div>
            <div class="formula-name-second">
                <ul>
                    <li>村濑步</li>
                    <li>大泊贵挥</li>
                    <li>大原沙耶香</li>
                    <li>代永翼</li>
                    <li>岛崎信长</li>
                    <li>钉宫理惠</li>
                    <li>渡边优里奈</li>
                    <li>东山奈央</li>
                    <li>佐藤聪美</li>
                    <li>福山润</li>
                    <li>丰崎爱生</li>
                </ul>
            </div>
            <div class="formula-name-third">
                <ul>
                    <li>逢坂良太</li>
                    <li>高山南</li>
                    <li>弓原健史</li>
                    <li>宮本誉之</li>
                    <li>关俊彦</li>
                    <li>宫野真守</li>
                    <li>冈本信彦</li>
                    <li>行成桃姬</li>
                    <li>河西健吾</li>
                    <li>户松遥</li>
                    <li>花江夏树</li>
                </ul>
            </div>
            <div class="formula-name-fourth">
                <ul>
                    <li>安部壮一</li>
                    <li>安元洋贵</li>
                    <li>白石凉子</li>
                    <li>阪口周平</li>
                    <li>保志总一朗</li>
                    <li>茶风林</li>
                    <li>滨野大辉</li>
                    <li>成田剑</li>
                    <li>池田海咲</li>
                    <li>川澄绫子</li>
                    <li>寸石和弘</li>
                </ul>
            </div>
            <div class="formula-name-fifth">
                <ul>
                    <li>村濑步</li>
                    <li>大泊贵挥</li>
                    <li>大原沙耶香</li>
                    <li>代永翼</li>
                    <li>岛崎信长</li>
                    <li>钉宫理惠</li>
                    <li>渡边优里奈</li>
                    <li>东山奈央</li>
                    <li>佐藤聪美</li>
                    <li>福山润</li>
                    <li>丰崎爱生</li>
                </ul>
            </div>
            <div class="formula-name-sixth">
                <ul>
                    <li>逢坂良太</li>
                    <li>高山南</li>
                    <li>弓原健史</li>
                    <li>宮本誉之</li>
                    <li>关俊彦</li>
                    <li>宫野真守</li>
                    <li>冈本信彦</li>
                    <li>行成桃姬</li>
                    <li>河西健吾</li>
                    <li>户松遥</li>
                    <li>花江夏树</li>
                </ul>
            </div>
            <div class="formula-name-seven">
                <ul>
                    <li>安部壮一</li>
                    <li>安元洋贵</li>
                    <li>白石凉子</li>
                    <li>阪口周平</li>
                    <li>保志总一朗</li>
                    <li>茶风林</li>
                    <li>滨野大辉</li>
                    <li>成田剑</li>
                    <li>池田海咲</li>
                    <li>川澄绫子</li>
                    <li>寸石和弘</li>
                </ul>
            </div>
            <div class="formula-name-eight">
                <ul>
                    <li>村濑步</li>
                    <li>大泊贵挥</li>
                    <li>大原沙耶香</li>
                    <li>代永翼</li>
                    <li>岛崎信长</li>
                    <li>钉宫理惠</li>
                    <li>渡边优里奈</li>
                    <li>东山奈央</li>
                    <li>佐藤聪美</li>
                    <li>福山润</li>
                    <li>丰崎爱生</li>
                </ul>
            </div>
            <div class="formula-name-ninth">
                <ul>
                    <li>逢坂良太</li>
                    <li>高山南</li>
                    <li>弓原健史</li>
                    <li>宮本誉之</li>
                    <li>关俊彦</li>
                    <li>宫野真守</li>
                    <li>冈本信彦</li>
                    <li>行成桃姬</li>
                    <li>河西健吾</li>
                    <li>户松遥</li>
                    <li>花江夏树</li>
                </ul>
            </div>
        </div>
        <div class="formula-protagonist">
            <div class="protagonist-name">
                <li class="lis-first">
                    <span>|</span>
                    <h4>晴明</h4>
                </li>
                <li class="lis-second">
                    <span>|</span>
                    <h4>神乐</h4>
                </li>
                <li class="lis-third">
                    <span>|</span>
                    <h4>源博雅</h4>
                </li>
                <li class="lis-fourth">
                    <span>|</span>
                    <h4>八百比丘尼</h4>

                </li>
                <li class="lis-fifth">
                    <span>|</span>
                </li>
            </div>
            <div class="name-middle">
                <div class="middle-first-box">
                    <img src="images/changes-05.png" alt="晴明">
                </div>
                <div class="middle-second-box">
                    <img src="images/changes-06.png" alt="晴明">
                </div>
                <div class="middle-third-box">
                    <img src="images/changes-03.png" alt="神乐">
                </div>
                <div class="middle-fourth-box">
                    <img src="images/changes-04.png" alt="神乐">
                </div>
                <div class="middle-fifth-box">
                    <img src="images/changes-01.png" alt="源博雅">
                </div>
                <div class="middle-sixth-box">
                    <img src="images/changes-02.png" alt="源博雅">
                </div>
                <div class="middle-seven-box">
                    <img src="images/changes-07.png" alt="八百比丘尼">
                </div>
                <div class="middle-eight-box">
                    <img src="images/changes-08.png" alt="八百比丘尼">
                </div>
            </div>
            <div class="name-left">
                <span class="line"></span>
                <p>八百比丘尼</p>
                <span class="jt">
                    <i><img src="images/yellow-left.png" alt=""></i>
                </span>
            </div>
            <div class="name-right">
                <span class="line"></span>
                <p>神乐</p>
                <span class="jr">
                    <i><img src="images/yellow-right.png" alt=""></i>
                </span>
            </div>

        </div>
    </div>
    <!-- 游戏攻略 -->
    <div class="game">
        <div class="game-head">
            <div class="game-head-first"></div>
            <div class="game-head-second">
                <ul>
                    <li>
                        <h4>SP 彼 岸 花</h4>
                        <h6>使 用 指 南</h6>
                        <img src="images/game-1.jpg">
                    </li>
                    <li>
                        <h4>名 仕 以 下</h4>
                        <h6>斗 技 阵 容</h6>
                        <img src="images/game-2.jpg">
                    </li>
                    <li>
                        <h4>速 通 百 战</h4>
                        <h6>SP 彼 岸 花</h6>
                        <img src="images/game-3.jpg">
                    </li>
                </ul>
            </div>
        </div>
        <div class="game-foot">
            <div class="back-green">
                <div class="back-green-nav">
                    <ul class="red">
                        <li id="0">最新<span>|</span></li>
                        <li id="1">萌新上路<span>|</span></li>
                        <li id="2">式神御魂<span>|</span></li>
                        <li id="3">秘闻副本<span>|</span></li>
                        <li id="4">斗技阵容<span>|</span></li>
                    </ul>
                </div>
                <div class="back-green-navs">
                    <ul class="blue">
                        <li>
                            最新
                            <p></p>
                        </li>
                        <li>
                            萌新上路
                            <p></p>
                        </li>
                        <li>
                            式神御魂
                            <p></p>
                        </li>
                        <li>
                            秘闻副本
                            <p></p>
                        </li>
                        <li>
                            斗技阵容
                            <p></p>
                        </li>
                    </ul>
                </div>
                <div class="provide">
                    有奖攻略征集
                </div>
            </div>
            <div class="transfirm">
                <div class="transfirm-first">
                    <ul>
                        <li>
                            <i></i>
                            <span>
                            <h4>【大神】【萌新向】手把手教你读懂炭治郎：狗粮队长使用指南</h4>
                            <h6>作者：大神-靠脸混饭</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【玩法】【春节&鬼灭联动】每日必做任务</h4>
                            <h6>作者：大神-靠脸混饭</h6>
                           </span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【红榜】【妖行试炼】活动讲解&amp;低练度攻略</h4>
                            <h6>作者：薅薅囤囤鼠</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【菜鸡】【镰鼬百战就业】夜溟彼岸花“三带二”2分30内高效速通</h4>
                            <h6>作者：大神-蜃彩流</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【新手】【萌新咸鱼向】春节活动懒人萌新必薅福利活动</h4>
                            <h6>作者:喃喃月</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【癫狂】【超鬼王の梗】“是真男人就单吃六星暴风雪”</h4>
                            <h6>作者：风吹钱包空荡荡</h6></span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="transfirmfirst">
                <div class="transfirm-first">
                    <ul>
                        <li>
                            <i></i>
                            <span>
                            <h4>【骨灰】【妖行试炼】活动讲解&amp;低练度攻略</h4>
                            <h6>作者：大神-靠脸混饭</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【神级】【萌新咸鱼向】春节活动懒人萌新必薅福利活动</h4>
                            <h6>作者:喃喃月</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【萌新】【春节&鬼灭联动】每日必做任务</h4>
                            <h6>作者：大神-靠脸混饭</h6>
                           </span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【式神】【妖行试炼】活动讲解&amp;低练度攻略</h4>
                            <h6>作者：薅薅囤囤鼠</h6></span>
                        </li>

                        <li>
                            <i></i>
                            <span>
                            <h4>【斗技】SP彼岸花在3000分以下的斗技阵容</h4>
                            <h6>作者：大神-冰七喜Den</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【玩法】【铁鼠妖行试炼一图流攻略】最新活动的每</h4>
                            <h6>作者：大神-蜃彩流</h6></span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="transfirmSecond">
                <div class="transfirm-first">
                    <ul>
                        <li>
                            <i></i>
                            <span>
                            <h4>【新手】周年庆每日必做任务</h4>
                            <h6>作者：阴阳师社区-阴阳师的显微镜</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【玩法】【妖行试炼】活动讲解&低练度攻略</h4>
                            <h6>作者:喃喃月</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【式神】SP彼岸花完美就业地域鬼王</h4>
                            <h6>作者：大神-梅布斯尼丶</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【玩法】【镰鼬百战就业】夜溟彼岸花“三带二”2分30内高效速通</h4>
                            <h6>作者：大神-蜃彩流</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【式神】暴力鹿丸斗技攻略2.0！SP夜溟彼岸花强势加入</h4>
                            <h6>作者：大神-冰七喜Den</h6>
                           </span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【斗技】sp彼岸花正式服day1斗技</h4>
                            <h6>作者：大神-靠脸混饭</h6></span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="transfirmThird">
                <div class="transfirm-first">
                    <ul>
                        <li>
                            <i></i>
                            <span>
                            <h4>【新手】【超鬼王の梗】“是真男人就单吃六星暴风雪”</h4>
                            <h6>作者：风吹钱包空荡荡</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【新手】【萌新向】手把手教你读懂炭治郎：狗粮队长使用指南</h4>
                            <h6>作者：大神-靠脸混饭</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【玩法】【妖行试炼】活动讲解&amp;低练度攻略</h4>
                            <h6>作者：薅薅囤囤鼠</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【新手】【萌新咸鱼向】春节活动懒人萌新必薅福利活动</h4>
                            <h6>作者:喃喃月</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【玩法】【镰鼬百战就业】夜溟彼岸花“三带二”2分30内高效速通</h4>
                            <h6>作者：大神-蜃彩流</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【玩法】【春节&鬼灭联动】每日必做任务</h4>
                            <h6>作者：大神-靠脸混饭</h6>
                           </span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="transfirmFouth">
                <div class="transfirm-first">
                    <ul>
                        <li>
                            <i></i>
                            <span>
                            <h4>【新手】周年庆每日必做任务</h4>
                            <h6>作者：阴阳师社区-阴阳师的显微镜</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【玩法】【妖行试炼】活动讲解&低练度攻略</h4>
                            <h6>作者:喃喃月</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【式神】SP彼岸花完美就业地域鬼王</h4>
                            <h6>作者：大神-梅布斯尼丶</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【玩法】【镰鼬百战就业】夜溟彼岸花“三带二”2分30内高效速通</h4>
                            <h6>作者：大神-蜃彩流</h6></span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【式神】暴力鹿丸斗技攻略2.0！SP夜溟彼岸花强势加入</h4>
                            <h6>作者：大神-冰七喜Den</h6>
                           </span>
                        </li>
                        <li>
                            <i></i>
                            <span>
                            <h4>【斗技】sp彼岸花正式服day1斗技</h4>
                            <h6>作者：大神-靠脸混饭</h6></span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- //同人手账 -->
    <div class="people">
        <div class="people-first"></div>
        <div class="people-second">
            <div class="people-second-active">
                <div class="active-left">
                    热门活动
                </div>

                <div class="active-foot">
                    <img src="images/active-1.jpg">
                </div>
            </div>
        </div>
        <!-- //热门作品部分 -->
        <div class="people-middle">
            <div class="people-middle-head">
                <p>热门作品</p>
                <span>
                    <ul>
                        <li>#夜溟彼岸花#</li>
                        <li class="book">#宴灯物语#</li>
                        <li>#平安诫子书#</li>
                    </ul>
                </span>
            </div>
            <div class="people-middle-middle">
                <div class="people-middle-middle-first">
                    <ul class="shadow">
                        <li>
                            <img src="images/friend-1.jpg">
                        </li>
                        <li>
                            <img src="images/friend-2.jpg">
                        </li>
                        <li>
                            <img src="images/friend-3.jpg">
                        </li>
                    </ul>
                    <div class="small-foot">
                        <ul>
                            <li>
                                <h4>
                                    漫画：祢豆子，太可爱了
                                </h4>
                                <h6>作者：枫雨木木</h6>
                                <div class="firesecond">
                                    <div class="firesecond-first">
                                    </div>
                                    266
                                </div>
                            </li>
                            <li>
                                <h4>
                                    书写命运
                                </h4>
                                <h6>作者：青春迈克尔</h6>
                                <div class="firesecond">
                                    <div class="firesecond-first">
                                    </div>
                                    251
                                </div>
                            </li>
                            <li>
                                <h4>
                                    式神故事：鬼使黑
                                </h4>
                                <h6>作者：非洲首席大阴阳师</h6>
                                <div class="firesecond">
                                    <div class="firesecond-first">
                                    </div>
                                    321
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="people-middle-footer">
                <span>换一批</span>
                <p></p>
            </div>
        </div>
        <div class="people-foot"></div>
    </div>
    <!-- 同人大触 -->
    <div class="journal">
        <div class="journal-middle">
            <div class="journal-middle-first">
                同人大触
            </div>
            <div class="journal-middle-second">
                <ul>
                    <li>
                        <span><img src="images/game-3.png" alt="微博头像"></span> &nbsp;阴阳师手游同人账号
                    </li>
                    <li>
                        <span><img src="images/game-4.png" alt="微博后面头像"></span> &nbsp;阴阳师友人帐
                    </li>
                    <li>
                        <span><img src="images/game-4.png" alt="微博头像"></span> &nbsp;阴阳师电子杂志
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 圆环转动部分 -->
    <div class="circle">
        <div class="circle-first">
            <ul>
                <li>
                    <p></p>
                    <span><img src="images/carron-1.jpg"></span>
                    <h4>秃头阿青丫</h4>
                </li>
                <li>
                    <p></p>
                    <span><img src="images/carton-2.jpg"></span>
                    <h4>鼓宜坠</h4>
                </li>
                <li>
                    <p></p>
                    <span><img src="images/carton-3.jpg"></span>
                    <h4>ina喵</h4>
                </li>
                <li>
                    <p></p>
                    <span><img src="images/carton-4.jpg"></span>
                    <h4>minifee324</h4>
                </li>
                <li>
                    <p></p>
                    <span><img src="images/carton-5.jpg"></span>
                    <h4>ggggenii</h4>
                </li>
            </ul>
        </div>
        <div class="circle-second"></div>
        <div class="circle-third">
            <span>换一批</span>
            <p></p>
        </div>
    </div>
    <!-- 手风琴部分 -->
    <div id="divbox">
        <ul>
            <li class="pic1"><a href="javascript:;">大<br>唐<br>夜<br>游<br>图</a></li>
            <li class="pic2"><a href="javascript:;">元<br>宵<br>祈<br>福<br>图</a></li>
            <li class="pic3"><a href="javascript:;">酒<br>鬼<br>童<br>子<br>图</a></li>
            <li class="pic4"><a href="javascript:;">恶<br>魔<br>佛<br>卷<br>图</a></li>
            <li class="pic5"><a href="javascript:;">彼<br>岸<br>花<br>开<br>图</a></li>
        </ul>
    </div>
    <!-- 视听盛宴部分 -->
    <div class="content">
        <div class="content-left"></div>
        <div class="content-right">
            <ul>
                <li>
                    <img src="images/visted-fouth.jpg" alt="彼岸之花，旧梦重归">
                    <span class="span-fouth">
                        <p><img src="images/flows.png"  class="transmits"></p>
                        <h4>铃鹿山回忆</h4>
                    </span>
                </li>
                <li>
                    <img src="images/visted-third.gif" alt="彼岸之花，旧梦重归">
                    <span class="span-third">
                        <p><img src="images/flows.png" class="transmits"></p>
                        <h4>如幻之沫</h4>
                    </span>
                </li>
                <li>
                    <img src="images/visted-second.jpg" alt="彼岸之花，旧梦重归">
                    <span class="span-second">
                        <p><img src="images/flows.png"  class="transmits"></p>
                        <h4>初翎山风</h4>
                    </span>
                </li>
                <li>
                    <img src="images/visted-first.gif" alt="彼岸之花，旧梦重归">
                    <span class="span-first">
                        <p><img src="images/flows.png"  class="transmits"></p>
                        <h4>彼岸之花，旧梦重归</h4>
                    </span>
                </li>
            </ul>
            <div class="content-back"></div>
            <div class="lot-content">
                <p>更多内容</p>
                <span><img src="images/jiantou.png" alt="小箭头"></span>
            </div>
            <div class="lot-content-first"></div>
        </div>
    </div>
    <!-- 泛娱乐部分 -->
    <div class="fan">
        <div class="fan-first"></div>
        <div class="fan-back"></div>
        <div class="fan-big">
            <ul>
                <li>
                    <img src="images/fan-first.gif" alt="漫画屋">
                </li>
                <li class="code">
                    <img src="images/fan-second.jpg" alt="四季">
                    <div class="erweima-second">
                        <img src="images/erweimw-2.jpg">
                    </div>
                </li>
                <li>
                    <img src="images/fan-third.jpg" alt="COS周">
                </li>
                <li>
                    <img src="images/fan-fouth.jpg" alt="百物语">
                </li>
                <li>
                    <img src="images/fan-fifth.gif" alt="平安物语">
                </li>
                <li>
                    <img src="images/fan-six.png" alt="四季">
                </li>
                <li>
                    <img src="images/fan-seven.png" alt="四季">
                </li>
                <li>
                    <img src="images/fan-eight.png" alt="四季">
                </li>
                <li>
                    <img src="images/fan-nine.png" alt="四季">
                </li>
                <li>
                    <img src="images/fan-ten.png" alt="四季">
                </li>
            </ul>
        </div>
        <!-- 左键头 -->
        <div class="fan-big-left">
            <span><img src="images/jiantou-2.png" alt="小箭头"></span>
        </div>
        <!-- 右箭头 -->
        <div class="fan-big-right">
            <span><img src="images/jiantou.png" alt="小箭头"></span>
        </div>
    </div>
    <!-- 京都商业街部分--1 -->
    <div class="street">
        <div class="street-first"></div>
        <div id="perspective">
            <div id="wrap">
                <img src="images/carton-6.jpg">
                <img src="images/carton-7.jpg">
                <img src="images/carton-8.jpg">
                <img src="images/carton-9.jpg">
                <img src="images/carton-10.jpg">
                <img src="images/carton-11.jpg">
                <img src="images/carton-12.jpg">
                <img src="images/carton-13.jpg">
                <img src="images/carton-14.jpg">
                <img src="images/carton-15.jpg">
                <img src="images/carton-16.jpg">
            </div>
        </div>
    </div>
    <!-- 京东商业街部分 -->
    <div class="city">
        <div class="city-first"></div>
        <div class="city-second">
            <ul>
                <li>
                    <img src="images/11-1.jpg">
                    <p>阴阳师小纸人盒蛋</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-2.jpg">
                    <p>阴阳师星河茨球挂件</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-3.jpg">
                    <p>阴阳师Q版软胶卡套</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-4.jpg">
                    <p>阴阳师纸百景</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-5.jpg">
                    <p>阴阳师雪童子水晶球</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-6.jpg">
                    <p>阴阳师*周生生茨球黄金转运珠</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-7.jpg">
                    <p>阴阳师神乐粘土手办</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-8.jpg">
                    <p>阴阳师庭院萌物盒蛋七件套</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-9.jpg">
                    <p>阴阳师鬼切趴姿公仔</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-10.jpg">
                    <p>阴阳师不知火橘色离影戒指</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-11.jpg">
                    <p>阴阳师主题徽章-执事女仆咖啡厅系列</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-12.jpg">
                    <p>阴阳师坐姿公仔系列</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-13.jpg">
                    <p>阴阳师式神雨伞-雪童子</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-14.jpg">
                    <p>阴阳师式神宠物三角巾</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-15.jpg">
                    <p>阴阳师Onmyoji主题双肩包</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-16.jpg">
                    <p>阴阳师茨球陶瓷杯</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-17.jpg">
                    <p>阴阳师*周生生达摩压岁钱</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-18.jpg">
                    <p>阴阳师樱花妖卡包</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-19.jpg">
                    <p>阴阳师小纸人式神徽章</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-20.jpg">
                    <p>阴阳师和纸胶带套装</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-21.jpg">
                    <p>阴阳师茨木童子抱枕被</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-22.jpg">
                    <p>阴阳师呱太手办</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-23.jpg">
                    <p>阴阳师御馔津公仔两件套</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-24.jpg">
                    <p>阴阳师茨球猫抓板两件套</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-25.jpg">
                    <p>阴阳师手机挂绳两件套</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-26.jpg">
                    <p>阴阳师立绘徽章（第一期）</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-27.jpg">
                    <p>阴阳师玉藻前叽公仔</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-28.jpg">
                    <p>阴阳师陶瓷碗两件套</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-29.jpg">
                    <p>阴阳师荒骷髅公仔</p>
                    <div class="line-last"></div>
                </li>
                <li>
                    <img src="images/11-30.jpg">
                    <p>阴阳师御馔津公仔两件套</p>
                    <div class="line-last"></div>
                </li>
            </ul>
        </div>
        <div class="boxx">
            <div class="city-box">
                <p>拖动</p>
            </div>
            <div class="boxx-circle"></div>
        </div>
    </div>
    <!-- 小人部分 -->
    <div class="toy">
        <div class="toy-first">
            <div class="toy-first-head">
                <span><img src="images/erweima-1.png" alt="二维码"></span>
                <h3>官网微博</h3>
                <h4>扫描二维码</h4>
                <h5>关注官方微博</h5>
            </div>
            <p>官方微博：<a href="#">网易阴阳师手游</a></p>
        </div>
        <div class="toy-second">
            <div class="toy-first-head">
                <span><img src="images/erweima-1.png" alt="二维码"></span>
                <h3>微信公众号</h3>
                <h4>扫描二维码</h4>
                <h5>关注微信公众号</h5>
            </div>
            <p>官方微博：<a href="#">yinyangshi163</a></p>
        </div>
        <div class="toy-third">
            <div class="toy-first-head">
                <span><img src="images/phone.png" alt="二维码" class="phone"></span>
                <h3>客户服务</h3>
                <h4>问题反馈</h4>
                <h5>精灵咨询</h5>
            </div>
            <p>官方微博：<a href="#">95163919</a></p>
        </div>
        <div class="toy-fouth">
            <div class="toy-first-head">
                <span><img src="images/erweima-1.png" alt="二维码"></span>
                <h3>网易大神</h3>
                <h4>和大神一起玩</h4>
            </div>
            <p>官方微博：<a href="#">网易阴阳师手游</a></p>
        </div>
        <div class="sun-back"></div>
        <div class="toy-back"></div>
        <div class="people-back"></div>
        <div class="word-wrap">
            <div class="word-wrap-first"></div>
            <div class="word-wrap-second"></div>
            <div class="word-wrap-third"></div>
            <div class="word-wrap-fourth"></div>
            <div class="word-wrap-fifth"></div>
            <div class="word-wrap-sixth"></div>
        </div>
    </div>
    <!-- 结尾部分 -->
    <footer>
        <div class="footer-logo">

        </div>
        <div class="foot">
            <!-- <div class="foot-head">
                分享到:
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div> -->
            <div class="foot-middle">
                <div class="foot-middle-first">
                    <h3></h3>
                    <h4></h4>
                    <h5></h5>
                    <h6></h6>
                    <div class="first-right">
                        公司简介 - 客服服务 - 网易集团隐私政策及儿童信息个人保护规则 - 网易游戏 - 联系我们 - 商务合作 - 加入我们 - 用户协议网易公司版权所有@1997-2121
                        <div class="first-right-love">
                            点击查看家长关爱平台>
                        </div>
                    </div>
                </div>
                <div class="foot-middle-second">
                    <p>本游戏适合9岁以上的玩家进入。</p>
                    <p>积极健康的游戏心态是健康游戏的开端，本游戏故事情节设置紧凑，请您合理控制游戏时间，避免沉溺游戏影响生活，注意自我保护，防范网络陷阱。</p>
                    <p>《网络游戏管理暂行办法》 文网游备字【2016】M-RPG4708号 《网络文化经营许可证》 浙网文[2019]1372-138号 批准文号：新广出审【2017】6710号</p>
                    <p>出版物号：ISBN 978-7-7979-9973-1 违法及不良信息举报中心 ICP备案：粤B2-20090191-18</p>
                </div>
            </div>
        </div>
        <div class="fire">
            <div class="fire-first">
                <img src="images/fire-house.png" alt="二维码" class="number">
                <div class="fire-block">
                    <img src="images/open.png" alt="黑色背景">
                </div>
            </div>
            <div class="fire-second">
                <img src="images/fire.png" alt="烟花">
            </div>
            <div class="fire-third">
                <img src="images/fire.png" alt="烟花">
            </div>
        </div>
        <img src="images/footer.png" alt="底下的图片">
    </footer>
    <!-- 最下面的小人部分 -->
    <div class="monsters">
        <div class="monsters-first">
            <div class="monsters-first-first"></div>
        </div>
        <div class="monsters-second">
            <div class="monsters-first-second"></div>
        </div>
        <div class="monsters-third">
            <div class="monsters-first-third"></div>
        </div>
        <div class="monsters-fourth">
            <div class="monsters-first-fourth"></div>
        </div>
    </div>

</body>

</html>